<?php
/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
$image_path = base_path().drupal_get_path('module', 'gassa_slideshow') . '/images/';
?>
<div id='slideshowHolder'>
    <img src='<?php print $image_path . '/slide-civil-1.jpg' ?>' alt='img1' />
    <a href ='http://workshop.rs'/></a>
<img src='<?php print $image_path . 'slide-civil-2.jpg' ?>' alt='img2' />
<a href ='http://workshop.rs/projects/jqbargraph'></a>
<img src='<?php print $image_path . 'slide-env-1.jpg' ?>' alt='img3' />
<a href ='http://workshop.rs/projects/moobargraph'></a>
<img src='<?php print $image_path . 'slide-env-2.jpg' ?>' alt='img3' />
<a href ='http://workshop.rs/projects/moobargraph'></a>
</div>

<script>
    $('#slideshowHolder').jqFancyTransitions({
        effect: 'wave', // wave, zipper, curtain
        width: 400, // width of panel
        height: 150, // height of panel
        strips: 20, // number of strips
        delay: 5000, // delay between images in ms
        stripDelay: 50, // delay beetwen strips in ms
        titleOpacity: 0.7, // opacity of title
        titleSpeed: 1000, // speed of title appereance in ms
        position: 'top', // top, bottom, alternate, curtain
        direction: 'left', // left, right, alternate, random, fountain, fountainAlternate
        navigation: false, // prev and next navigation buttons
        links: true // show images as links
    });
</script>
